<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>联系我们</title>
    <link rel="stylesheet" href="../css/contactus.css">
    <script src="../js/jquery-3.4.1.min.js"></script>
    <script src="../js/myAjax.js"></script>
    <script src="../js/htmlJs/common.js"></script>
    <script src="../js/htmlJs/contactus.js"></script>
    <script src="../js/htmlJs/productType.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <script type="text/javascript" src="//api.map.baidu.com/api?v=3.0&ak=rF5dauijCWFq1RyFMOAT0UP3y25iYrKc"></script>



</head>
<body>
<!--头部-->
<div id="top"></div>
<!--中间部分-->
<div class="contactus-moddle">
    <div class="productscc">
        <div><a href="home.html">首页</a> >> <a href="about.html">关于我们</a></div>
        <div class="producttype" id="producttype"></div>
    </div>
    <div>
        <div><p>联系我们</p></div>
        <div><p>CONTACT US</p></div>
        <div>
            <p>环境保护是利用环境科学的理论和方法，协调人类与环境的关系，解决各种问题，保护和改善环境的一切人类活动的总称</p>
        </div>
    </div>
    <div>
        <p><span id="company"></span></p>
        <p>公司地址：<span id="address"></span></p>
        <p>邮箱：<span id="email"></span></p>
        <p>电话：<span id="tel"></span>        手机：<span id="phone"></span></p>
        <p>热线：<span id="landline"></span></p>
        <div>
            查看地图地址
        </div>
    </div>
    <div id="allmap"></div>
</div>
<!--底部-->
<div id="foot"></div>
</body>
</html>
<script type="text/javascript">
    var map = new BMap.Map('allmap');
    var point = new BMap.Point(104.112893,30.715855);
    map.centerAndZoom(point, 12);
    map.enableScrollWheelZoom(true);
    // 覆盖区域图层测试
    map.addTileLayer(new BMap.PanoramaCoverageLayer());

    var stCtrl = new BMap.PanoramaControl(); //构造全景控件
    stCtrl.setOffset(new BMap.Size(20, 20));
    map.addControl(stCtrl);//添加全景控件
    var marker = new BMap.Marker(point);  // 创建标注
    map.addOverlay(marker);              // 将标注添加到地图中
    // map.centerAndZoom(point, 15);
    var opts = {
        width : 200,     // 信息窗口宽度
        height: 100,     // 信息窗口高度
        title : "动物园" , // 信息窗口标题
        enableMessage:true,//设置允许信息窗发送短息
        message:"亲耐滴，晚上一起吃个饭吧？戳下面的链接看下地址喔~"
    }
    var infoWindow = new BMap.InfoWindow("地址：北京市东城区王府井大街88号乐天银泰百货八层", opts);  // 创建信息窗口对象
    marker.addEventListener("click", function(){
        map.openInfoWindow(infoWindow,point); //开启信息窗口
    });
</script>
